<template>
	<div>
		<!--标题 -->
		<div class="am-cf am-padding">
			<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">意见反馈</strong> / <small>Suggest</small></div>
		</div>
		<hr>
		<div class="suggestmain">
			<p>请留下您的宝贵意见：</p>
			<div class="suggestlist">
				<select data-am-selected="" style="display: none;">
					<option value="a" selected="">请选择意见类型</option>
					<option value="b">产品问题</option>
					<option value="c">促销问题</option>
					<option value="d">支付问题</option>
					<option value="e">退款问题</option>
					<option value="f">配送问题</option>
					<option value="g">售后问题</option>
					<option value="h">发票问题</option>
					<option value="o">退换货</option>
					<option value="m">其他</option>
				</select>
				<div class="am-selected am-dropdown " id="am-selected-55ko2" data-am-dropdown=""> <button type="button" class="am-selected-btn am-btn am-dropdown-toggle am-btn-default">
						<span class="am-selected-status am-fl">请选择意见类型</span> <i class="am-selected-icon am-icon-caret-down"></i>
					</button>
					<div class="am-selected-content am-dropdown-content">
						<h2 class="am-selected-header"><span class="am-icon-chevron-left">返回</span></h2>
						<ul class="am-selected-list">
							<li class="am-checked" data-index="0" data-group="0" data-value="a"> <span class="am-selected-text">请选择意见类型</span>
								<i class="am-icon-check"></i></li>
							<li class="" data-index="1" data-group="0" data-value="b"> <span class="am-selected-text">产品问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="2" data-group="0" data-value="c"> <span class="am-selected-text">促销问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="3" data-group="0" data-value="d"> <span class="am-selected-text">支付问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="4" data-group="0" data-value="e"> <span class="am-selected-text">退款问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="5" data-group="0" data-value="f"> <span class="am-selected-text">配送问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="6" data-group="0" data-value="g"> <span class="am-selected-text">售后问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="7" data-group="0" data-value="h"> <span class="am-selected-text">发票问题</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="8" data-group="0" data-value="o"> <span class="am-selected-text">退换货</span> <i class="am-icon-check"></i></li>
							<li class="" data-index="9" data-group="0" data-value="m"> <span class="am-selected-text">其他</span> <i class="am-icon-check"></i></li>
						</ul>
						<div class="am-selected-hint"></div>
					</div>
				</div>
			</div>
			<div class="suggestDetail">
				<p>描述问题：</p>
				<blockquote class="textArea">
					<textarea name="opinionContent" id="say_some" cols="60" rows="5" autocomplete="off" placeholder="在此描述您的意见具体内容"></textarea>
					<div class="fontTip"><i class="cur">0</i> / <i>200</i></div>
				</blockquote>
			</div>
			<div class="am-btn am-btn-danger anniu">提交</div>
			<p class="suggestTel"><i class="am-icon-phone"></i>客服电话：400-007-1234</p>
		</div>
	</div>
</template>

<script>
	require('amazeui/dist/js/amazeui.min.js')

	export default {
		name: 'HelloWorld',
		props: {
			msg: String
		},
		mounted() {


		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
	@import url("~@/assets/css/personal.css");
</style>
